<!DOCTYPE html>
<html lang="en" xmlns:v-bind="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!--<script type="text/javascript" src="../vue.js"></script>-->
    <!--<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>-->
</head>
<body>

    <div id="app-2">
        <span v-bind:title="message">
            鼠标悬停几秒钟查看此处动态绑定的提示信息！
        </span>
        <!--在这里 href 是参数，告知 v-bind 指令将该元素的 href 属性与表达式 url 的值绑定。-->
        <pre><a v-bind:href="url">菜鸟教程</a></pre>
    </div>
<!--声明式渲染-->
<script type="text/javascript" src="../vue.js"></script>
<script type="text/javascript">
    //参数
    // 参数在指令后以冒号指明。例如， v-bind 指令被用来响应地更新 HTML 属性：
    var app2 = new Vue({
        el:'#app-2',
        data:{
            message: '页面加载于 ' + new Date().toLocaleString(),
            url: 'http://www.runoob.com'
        }
    })



</script>
<!--现在数据和 DOM 已经被建立了关联，所有东西都是响应式的-->
<!--app.message=任意值-->

</body>
</html>